<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>安全设置</title>
    <script src="../../static/js/jquery-3.3.1.min.js"></script>
    <script src="../../static/js/init.js"></script>
    <link rel="stylesheet" href="../../public/global.css">
    <script src="../../public/laydate/laydate.js"></script>
    <link rel="stylesheet" href="../../public/easyhelper/css/easyhelper.min.css">
    <!-- <script src="../../public/easyhelper/js/jq.min.js"></script> -->
    <script src="../../public/easyhelper/js/jquery.transit.min.js"></script>
    <script src="../../public/easyhelper/js/es6-shim.min.js"></script>
    <script src="../../public/easyhelper/js/easyhelper.min.js"></script>
</head>
<style>
        .content {
                margin: 30px auto;
                width: 70vw;
                border: #dfdfdf solid 1px;
                /* overflow-y: scroll; */
                margin-left: 0vw;
                box-shadow: 0px 1px 10px 0px #bcbcbc
            }
        .content li {
                display: block;
                height: 40px;
                line-height: 40px;
                text-align: center;
                font-size: 14px;
                border-bottom: #e8e8e8 solid 1px;
            }
            #selectAll :hover{
            background-color: #e0e0e0
        }
        .page {
                text-align: center;
                margin-bottom: 200px;
            }
        #selectAll{
            overflow-y: scroll;
            height: 409px;
        }
        .helper-page-wrapper :first-child{
            width: auto!important
        }
        </style>
<body>
    <div id="side"></div>
    <div id="inner">
        <div id="top"></div>
        <div style="margin-top:-5vh">
            <div style="color:#fff;margin-left: 10vw;font-size: 1vw;margin-bottom: 3vh">
                <span style="opacity:0">安全设置</span>
            </div>
            <!-- <div style="margin-left:8.5vw;margin-top:1vh"><img src="../../public/img/line.png" alt=""></div> -->
            <div id="content">
                <div style="margin-left:3vw">
                    <div>
                        <button style="background-color:#666;color:#fff;border: 0;border-radius: 5px;width: 6vw;margin-top: 3vh;height: 4vh;font-size: 1vw;margin-right: 3vw;font-weight: bold" onclick="update_passwordShow()" id="update_passwordShow">登入密码修改</button>
                        <button style="background-color:#666;color:#fff;border: 0;border-radius: 5px;width: 6vw;margin-top: 3vh;height: 4vh;font-size: 1vw;margin-right: 3vw" onclick="update_zhifuShow()" id="update_zhifuShow">支付密码修改</button>
                        <button style="background-color:#666;color:#fff;border: 0;border-radius: 5px;width: 6vw;margin-top: 3vh;height: 4vh;font-size: 1vw;margin-right: 3vw" onclick="update_telShow()" id="update_telShow">手机号码修改</button>
                        <button style="background-color:#666;color:#fff;border: 0;border-radius: 5px;width: 6vw;margin-top: 3vh;height: 4vh;font-size: 1vw;margin-right: 3vw" onclick="historyIP_show()" id="historyIP_show">历史登入IP</button>
                    </div>
                    <div>
                        <div id="historyIP" style="display:none">
                            <div class="content">                                        
                                <ul style="background-color:#666;color: #fff;">
                                    <li>
                                        <span style="width:15vw;display:inline-block">登入时间</span>
                                        <span style="width:15vw;display:inline-block">IP地址</span>
                                        <span style="width:15vw;display:inline-block">登入地点</span>
                                    </li>
                                </ul>
                                <ul id="historyIP_selectAll">
                                </ul>
                            </div>
                            <div class="page" id="page-3"></div>                    
                        </div>
                        <div id="update_zhifu" style="display:none">
                            <div style="width:50vw;height:60vh;border-radius: 6px;box-shadow: 0px 1px 10px 0px #bcbcbc;margin-top:8vh;margin-left: 11vw">
                                <div style="padding-top:8vh;padding-left:15vw">
                                    <div>
                                        <span style="margin-left:1.6vw">手机号</span>
                                        <!-- <select name="" id="update_zhifu_country" style="background-color:#e3e3ec;color:#000;border-radius: 6px;border: none;height: 4.2vh">
                                                <option value="86" selected style="background-color:#e3e3ec;color:#000;">+86</option>
                                                <option value="63" style="background-color:#e3e3ec;color:#000;">+63</option>
                                                <option value="852" style="background-color:#e3e3ec;color:#000;">+852</option>
                                                <option value="855" style="background-color:#e3e3ec;color:#000;">+855</option>
                                                <option value="856" style="background-color:#e3e3ec;color:#000;">+856</option>
                                                <option value="65" style="background-color:#e3e3ec;color:#000;">+65</option>
                                            </select> -->
                                        <input type="text" id="update_zhifu_phone" style="background-color:#e3e3ec;height:4vh">
                                    </div>
                                    <div style="margin-top:3vh">
                                        <span>输入新密码</span>
                                        <input type="password" id="update_zhifu_newpassword1" style="background-color:#e3e3ec">
                                    </div>
                                    <div style="margin-top:3vh;margin-left:-1.6vw">
                                        <span>再次输入新密码</span>
                                        <input type="password" id="update_zhifu_newpassword2" style="background-color:#e3e3ec" onblur="newpassword()">
                                    </div>
                                    <div style="margin:1vh 4.5vw;color:red;opacity: 0" id="update_zhifu_error">两次密码不一致,请重新输入</div>
                                    <div>
                                        <span>输入验证码</span>
                                        <input type="text" placeholder="输入验证码" style="background-color:#e3e3ec" id="update_zhifu_code">
                                        <button style="background-color: #666;color:#fff;border-radius: 6vw" id="send_sms_zhifu" onclick="send_sms_zhifu()">发送验证码</button>
                                    </div>
                                    <div style="margin-top: 7vh;margin-left: 4vw">
                                        <button style="color:#fff;background-color:#666;border-radius:5px;width:10vw;height:5vh" onclick="update_zhifu_OK()">确认</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                            <div id="update_login" style="display:block">
                                <div style="width:50vw;height:60vh;border-radius: 6px;box-shadow: 0px 1px 10px 0px #bcbcbc;margin-top:8vh;margin-left: 11vw">
                                    <div style="padding-top:8vh;padding-left:15vw">
                                        <div>
                                            <span style="margin-left:1.6vw">手机号</span>
                                            <!-- <select name="" id="update_login_country" style="background-color:#e3e3ec;color:#000;border-radius: 6px;border: none;height: 4.2vh">
                                                    <option value="86" selected style="background-color:#e3e3ec;color:#000;">+86</option>
                                                    <option value="63" style="background-color:#e3e3ec;color:#000;">+63</option>
                                                    <option value="852" style="background-color:#e3e3ec;color:#000;">+852</option>
                                                    <option value="855" style="background-color:#e3e3ec;color:#000;">+855</option>
                                                    <option value="856" style="background-color:#e3e3ec;color:#000;">+856</option>
                                                    <option value="65" style="background-color:#e3e3ec;color:#000;">+65</option>
                                                </select> -->
                                            <input type="text" id="update_login_phone" style="background-color:#e3e3ec;height:4vh">
                                        </div>
                                        <div style="margin-top:3vh">
                                            <span>输入新密码</span>
                                            <input type="password" id="update_login_newpassword1" style="background-color:#e3e3ec">
                                        </div>
                                        <div style="margin-top:3vh;margin-left:-1.6vw">
                                            <span>再次输入新密码</span>
                                            <input type="password" id="update_login_newpassword2" style="background-color:#e3e3ec" onblur="login_newpassword()">
                                        </div>
                                        <div style="margin:1vh 4.5vw;color:red;opacity: 0" id="update_login_error">两次密码不一致,请重新输入</div>
                                        <div>
                                            <span>输入验证码</span>
                                            <input type="text" placeholder="输入验证码" style="background-color:#e3e3ec" id="update_login_code">
                                            <button style="background-color: #666;color:#fff;border-radius: 6vw" id="send_sms_login" onclick="send_sms_login()">发送验证码</button>
                                        </div>
                                        <div style="margin-top: 7vh;margin-left: 4vw">
                                            <button style="color:#fff;background-color:#666;border-radius:5px;width:10vw;height:5vh" onclick="update_login_OK()">确认</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="update_phone" style="display:none">
                                    <div style="width:50vw;height:60vh;border-radius: 6px;box-shadow: 0px 1px 10px 0px #bcbcbc;margin-top:8vh;margin-left: 11vw">
                                        <div style="padding-top:8vh;padding-left:15vw">
                                            <div>
                                                <span style="margin-left:1.6vw">原手机号</span>
                                                <!-- <select name="" id="update_phone_country" style="background-color:#e3e3ec;color:#000;border-radius: 6px;border: none;height: 4.2vh">
                                                        <option value="86" selected style="background-color:#e3e3ec;color:#000;">+86</option>
                                                        <option value="63" style="background-color:#e3e3ec;color:#000;">+63</option>
                                                        <option value="852" style="background-color:#e3e3ec;color:#000;">+852</option>
                                                        <option value="855" style="background-color:#e3e3ec;color:#000;">+855</option>
                                                        <option value="856" style="background-color:#e3e3ec;color:#000;">+856</option>
                                                        <option value="65" style="background-color:#e3e3ec;color:#000;">+65</option>
                                                    </select> -->
                                                <input type="text" id="update_phone_phone" style="background-color:#e3e3ec;height:4vh">
                                            </div>
                                            <div style="margin-top:3vh">
                                                    <span>输入新手机号</span>
                                                    <!-- <select name="" id="update_phone_country1" style="background-color:#e3e3ec;color:#000;border-radius: 6px;border: none;height: 4.2vh">
                                                            <option value="86" selected style="background-color:#e3e3ec;color:#000;">+86</option>
                                                            <option value="63" style="background-color:#e3e3ec;color:#000;">+63</option>
                                                            <option value="852" style="background-color:#e3e3ec;color:#000;">+852</option>
                                                            <option value="855" style="background-color:#e3e3ec;color:#000;">+855</option>
                                                            <option value="856" style="background-color:#e3e3ec;color:#000;">+856</option>
                                                            <option value="65" style="background-color:#e3e3ec;color:#000;">+65</option>
                                                        </select> -->
                                                    <input type="text" id="update_phone_newphone1" style="background-color:#e3e3ec;height:4vh">
                                            </div>
                                            <div style="margin-top:3vh;margin-left:-1.6vw">
                                                    <span>再次输入新手机号</span>
                                                    <!-- <select name="" id="update_phone_country2" style="background-color:#e3e3ec;color:#000;border-radius: 6px;border: none;height: 4.2vh">
                                                            <option value="86" selected style="background-color:#e3e3ec;color:#000;">+86</option>
                                                            <option value="63" style="background-color:#e3e3ec;color:#000;">+63</option>
                                                            <option value="852" style="background-color:#e3e3ec;color:#000;">+852</option>
                                                            <option value="855" style="background-color:#e3e3ec;color:#000;">+855</option>
                                                            <option value="856" style="background-color:#e3e3ec;color:#000;">+856</option>
                                                            <option value="65" style="background-color:#e3e3ec;color:#000;">+65</option>
                                                        </select> -->
                                                    <input type="text" id="update_phone_newphone2" style="background-color:#e3e3ec;height:4vh" onblur="update_newphone()">
                                            </div>
                                            <div style="margin:1vh 4.5vw;color:red;opacity: 0" id="update_phone_error">两次手机号不一致,请重新输入</div>
                                            <div>
                                                <span style="margin-left:1vw">输入验证码</span>
                                                <input type="text" placeholder="输入验证码" style="background-color:#e3e3ec" id="update_newphone_code">
                                                <button style="background-color: #666;color:#fff;border-radius: 6vw" id="send_sms_newphone" onclick="send_sms_newphone()">发送验证码</button>
                                            </div>
                                            <div style="margin-top: 7vh;margin-left: 4vw">
                                                <button style="color:#fff;background-color:#666;border-radius:5px;width:10vw;height:5vh" onclick="update_newphone_OK()">确认</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script>var dangqian = '5';</script>
<script src="../../public/include.js"></script>
<script src="safe.js"></script>